<#include "header.ftl"/>
<div id="step-container" class=" stepContainer row-fluid position-relative">
    <div class="row red" style="width: 100%">
        <div class="col-md-12 red">
            <h3 class="red"><i class="fa fa-info"></i> ${_res.installPrompt}</h3>
            <ul>
                <li><h4 class="red">${_res.installWarn1}</h4></li>
                <li><h4 class="red">${_res.installWarn2}</h4></li>
            </ul>
        </div>
    </div>
    <div id="step1">
        <div class="main">
            <form method="post" action="${basePath}install/testDbConn" class="form-horizontal" data-toggle="validator">
                <div class="center">
                    <h3 class="green">${_res.installInputDbInfo}</h3>
                </div>
                <div class="form-group row">
                    <label class="control-label col-xs-12 col-sm-3 no-padding-right">${_res.installDbHost}:</label>

                    <div class="col-xs-6 col-sm-3">
                        <div class="clearfix">
                            <input type="text" value="127.0.0.1" class="form-control"
                                   name="dbhost" required>
                        </div>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="control-label col-xs-12 col-sm-3 no-padding-right">${_res.installDbName}:</label>

                    <div class="col-xs-6 col-sm-3">
                        <div class="clearfix">
                            <input type="text" value="zrlog" class="form-control"
                                   name="dbname" required>
                        </div>
                    </div>
                </div>

                <div class="form-group row">
                    <label class="control-label col-xs-12 col-sm-3 no-padding-right">${_res.installDbUserName}:</label>

                    <div class="col-xs-6 col-sm-3">
                        <div class="clearfix">
                            <input type="text" value="root" class="form-control"
                                   name="dbuser" required>
                        </div>
                    </div>
                </div>

                <div class="form-group row">
                    <label class="control-label col-xs-12 col-sm-3 no-padding-right">${_res.installDbPassword}:</label>

                    <div class="col-xs-6 col-sm-3">
                        <div class="clearfix">
                            <input type="password" class="form-control"
                                   name="dbpwd" required>
                        </div>
                    </div>
                </div>

                <div class="form-group row">
                    <label class="control-label col-xs-12 col-sm-3 no-padding-right">${_res.installDbPort}:</label>

                    <div class="col-xs-6 col-sm-2">
                        <div class="clearfix">
                            <input type="number" value="3306" class="form-control"
                                   name="port" required>
                        </div>
                    </div>
                </div>
                <div class="form-group row">
                    <div class="col-xs-12 col-sm-10">
                        <div class="row-fluid wizard-actions">
                            <button data-last="Finish " class="btn btn-success btn-next">
                                ${_res.installNextStep}&nbsp;<i class="fa fa-arrow-right"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<#include "footer.ftl"/>
